<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>统计</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
	<style>
		span{
			font-size: 16px;
		}
	</style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content">

	<div class="row">
		<div class="col-lg-3">
			<div class="ibox">
				<div class="ibox-content">
					<h5>Income</h5>
					<h1 class="no-margins">886,200</h1>
					<div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>
					<small>Total income</small>
				</div>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="ibox">
				<div class="ibox-content">
					<h5>Income last month</h5>
					<h1 class="no-margins">1 738,200</h1>
					<div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>
					<small>Total income</small>
				</div>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="ibox">
				<div class="ibox-content">
					<h5>Income last day</h5>
					<h1 class="no-margins">-200,100</h1>
					<div class="stat-percent font-bold text-danger">12% <i class="fa fa-level-down"></i></div>
					<small>Total income</small>
				</div>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="ibox">
				<div class="ibox-content">
					<h5>Income all</h5>
					<h1 class="no-margins">54,200</h1>
					<div class="stat-percent font-bold text-danger">24% <i class="fa fa-level-down"></i></div>
					<small>Total income</small>
				</div>
			</div>
		</div>
	</div>



	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>本周数据</h5>
				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-sm-12">
							<div id="container" style="min-width:400px;height:250px"></div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

</div>
</div>
<div th:include="include::footer"></div>
<script src="https://code.highcharts.com.cn/highcharts/highcharts.js"></script>
<script src="https://code.highcharts.com.cn/highcharts/modules/exporting.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
	<script type="text/javascript">
	var path = ctx + "/system";
	var s_1 = [1,3,5,1,5,7];
	var s_2 = [1,44,22,2,44];
	var s_3 = [1,34,22,2,44];
	$(".highcharts-credits").css("display", "none");

	var chart = Highcharts.chart('container', {

		chart: {
			type: 'spline'
		},
		title: {
			text: ''
		},
		xAxis: {
			categories: ["周一", "周二", "周三", "周四", "周五", "周六","周日"]
		},
		yAxis: {
			title: {
				text: ''
			}
		},
		tooltip: {
			crosshairs: true,
			shared: true
		},
		plotOptions: {
			spline: {
				marker: {
					radius: 4,
					lineColor: '#666666',
					lineWidth: 1
				}
			}
		},
		series: [{
			name: '淘车订单',
			data: s_1
		}, {
			name: '商城订单',
			data: s_2
		},{
			name: '维修订单',
			data: s_3
		}]
	});
</script>
</body>
</html>
